<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="utf-8">
    <meta name="description" content="">
    <meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no">
    <!--<meta name="screen-orientation" content="portrait">--><title id="titleID">云南人社表单验证</title>
    <!-- Place favicon.ico in the root directory -->
    <link rel="stylesheet" href="../../static/sb/vendor.css"  th:href="@{/sb/vendor.css}"   />
    <link rel="stylesheet" href="../../static/sb/main.css"  th:href="@{/sb/main.css}"  />
</head>
<body><!--[if lt IE 10]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="http://browsehappy.com/">upgrade
    your browser</a> to improve your experience.</p>
<![endif]-->
<div class="container bodyCss" style="display: block" id="mainbody">
    <div class="row head">
        <div class="col-md-1"></div>
        <div class="col-md-2 head_line" style="margin-right: 0"></div>
        <div class="col-md-6 head_title" id="topNmae">云南人社电子表单在线验证平台</div>
        <div class="col-md-2 head_line"></div>
        <div class="col-md-1"></div>
    </div>
    <div id="descript" class="row descript" style="display: none;">
        <div class="descript_block">
            <div style="width: 200px">
                <div class="descript_block_text01" style="float: left">1</div>
                <div class="descript_block_text02" style="float: left">录入验证号码</div>
            </div>
            <div>
                <div class="descript_nbsp">&nbsp;</div>
                <div class="descript_block_text03" id="inputNo">录入验证号码为32位数字与字母的组合，录入时请认真核对</div>
            </div>
        </div>
        <div class="descript_block">
            <div style="width: 200px">
                <div class="descript_block_text01" style="float: left">2</div>
                <div class="descript_block_text02" style="float: left">图形校验码</div>
            </div>
            <div>
                <div class="descript_nbsp">&nbsp;</div>
                <div class="descript_block_text03">请按图所示，输入图形验证码，如看不清请按图片刷新</div>
            </div>
        </div>
        <div class="descript_block">
            <div style="width: 200px">
                <div class="descript_block_text01" style="float: left">3</div>
                <div class="descript_block_text02" style="float: left">点击查询按钮</div>
            </div>
            <div>
                <div class="descript_nbsp">&nbsp;</div>
                <div class="descript_block_text03">纸质单据内容如有修改，请以在线验证的内容为准</div>
            </div>
        </div>
        <div class="descript_block">
            <div style="width: 200px">
                <div class="descript_block_text01" style="float: left">4</div>
                <div class="descript_block_text02" style="float: left">显示表单</div>
            </div>
            <div>
                <div class="descript_nbsp">&nbsp;</div>
                <div class="descript_block_text03" style="">本页面展示的电子表单内容仅提供给用户用于核对纸质单据的真实性</div>
            </div>
        </div>
    </div>
    <div id="footer_img2" class="footer_img2" style="display: block;"><img class="img-responsive"
                  src="../../static/sb/N_bd04.jpg" th:src="@{/sb/N_bd04.jpg}"></div>
    <div id="form" class="row" style="width: auto; margin: auto; height: auto;">
        <div class="col-md-9">
            <div class="row form_row"><label class="col-md-4 form_row_label" style="display: none;">验证号码：</label><input
                    id="verificationValue" type="text" onfocus="getFocus()" onblur="loseFocus()"
                    class="col-md-8 input_value input_value_hover" placeholder="请输入32位验证号码" style="width: 100%;"></div>
            <div class="row form_row"><label class="col-md-4 form_row_label" style="display: none;">验证码：</label><input
                    id="captchaValue" style="border-right-width: 0px; width: calc(100% - 100px); float: left;"
                    type="text" onfocus="getFocus()" onblur="loseFocus()" placeholder="请输入图片的验证码"
                    class="col-md-5 input_value input_value_hover">
                <img class="col-md-3 pad0" id="captchaImg"
                onclick="getCaptcha()"
                style="border: 1px solid rgb(203, 203, 203); width: 100px; float: left;"
                width="100" height="32"
                src="../../static/sb/41c2a864584949648337de4c6a52a993" th:src="@{/sb/41c2a864584949648337de4c6a52a993}">
            </div>
        </div>
        <div class="col-md-3">
            <div class="input_submit" style="margin-top: 65px">
                <div onclick="submintCode1()">查 询</div>
            </div>
        </div>
    </div>
    <div id="footer_img1" class="footer_img1" style="display: none;">
        <img class="img-responsive"   src="../../static/sb/N_bd04.jpg" th:src="@{/sb/N_bd04.jpg}"></div>
</div>
<!--<div  style="display: none; height: 25px; position:absolute; z-index:1;float:right;top:0px;right:0px"  id="cover" onclick="hidden_div();">-->
<!--<img class="img-waring" width=300 src="images/weixin_text.png">--><!--</div>-->
<div id="cover" onclick="hidden_div()"
     style="position: absolute; right: 0px; bottom: 0px; width: 100%; height: 100%; z-index: 5; left: 0px; top: 0px; background-image: url(&#39;images/mask_bg.png&#39;); background-repeat: no-repeat; background-size:100%; display: none">
    <img style="position:absolute; width: 80%; z-index:1;float:right;top:0px;right:0px"
         src="../../static/sb/weixin_text.png" th:src="@{/sb/weixin_text.png}"></div>
<script src="../../static/sb/main.js" th:src="@{/sb/main.js}"></script>
</body>
</html>
